<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8" isELIgnored="false"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "我的理赔");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>
<style type="text/css">
	.tab li{
		min-width:120px;
		width:50%;
	}
	a{
		color:#000;
	}
	.claim-green-pipe .weui-grid{
		width:50%;
		padding: 5px 0px;
	}
	
	#claim-tab{
		border-top:1px solid #d9d9d9;
	}

	.weui-search-bar{
      	margin:10px 45px; 
    	padding:1px;
    }
    
    .weui-search-bar__cancel-btn{
    	color:#aaafaf;
    	margin-right:10px;
    }
    .weui-search-bar__box .weui-search-bar__input{
    	height:1.5em;
    	line-height:1.5em;
    }

	.weui-search-bar__label{
		border-radius:0px;
	}
	
	.weui-search-bar__box{
		border-radius:0px;
		border:1px solid #d9d9d9;
	}
	
	 .weui-search-bar{
    	padding:0px;
    }
	
	
</style>
<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>

<div class="weui-search-bar" id="searchBar">
  <form class="weui-search-bar__form">
    <div class="weui-search-bar__box">
      <i class="weui-icon-search"></i>
      <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
      <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
    </div>
    <label class="weui-search-bar__label" id="searchText">
      <i class="weui-icon-search"></i>
      <span>请输入被保险人证件号码搜索理赔单</span>
    </label>
  </form>
  <a href="javascript:" class="weui-search-bar__cancel-btn" id="searchCancel">取消</a>
</div>

<div>
	<div class="tab-container" data-id="claim-container" id="claim-tab">
		<ul class="tab tab-horizontal" style="">
			<li data-id="tab1" class="active">
				<span>进行中</span>
			</li>
			<li data-id="tab2" class="">
				<span>已完结</span>
			</li>
		</ul>
	</div>
</div>

<div id="claim-container">
	<div class="tab-content active" id="tab1">
		11111
	</div>
	
	<div class="tab-content" id="tab2">
		22222
	</div>
</div>


<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<script src="<c:url value='/plugins/jqweui/js/swiper.min.js'/>" type="text/javascript"></script>




<script type="text/javascript">
$(function(){
	$(".swiper-container").swiper({
		pagination: '.swiper-pagination',
	    paginationClickable: true,
		autoplay:10000
	});
});

	
</script>


<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>